@dialog-prefix-cls              : ~'@{vcu-prefix}-modal';
@table-prefix-cls               : ~'@{vcu-prefix}-table';
@confirm-prefix-cls             : ~'@{vcu-prefix}-modal-confirm';

.@{dialog-prefix-cls} {
  &-mini {
    .@{dialog-prefix-cls} {
      &-body {
        padding  : @modal-body-padding-mini;
        font-size: @font-size-mini;
      }

      &-header {
        padding: @modal-header-padding-mini;
      }

      &-footer {
        padding: @modal-footer-padding-mini;
      }

      &-title {
        font-size: @modal-header-title-size-mini;
      }

      &-close,
      &-mini {

        &-x {
          width      : @modal-close-size-mini;
          height     : @modal-close-size-mini;
          font-size  : @font-size-mini;
          line-height: @modal-close-size-mini;
        }
      }
    }


    .@{confirm-prefix-cls} {
    
      .@{vcu-prefix}-modal-body {
        padding: @modal-confirm-padding-mini;
      }
    
    
      &-body {
        .@{confirm-prefix-cls}-title {
          font-size: @font-size-mini;
        }
    
        .@{confirm-prefix-cls}-content {
          font-size: @font-size-mini;
        }
    
        > .@{iconfont-css-prefix} {
          font-size: 18px;
        }
      }
      
    }
    
  }


  &-small {
    .@{dialog-prefix-cls} {
      &-body {
        padding  : @modal-body-padding-small;
        font-size: @font-size-sm;
      }

      &-header {
        padding: @modal-header-padding-small;
      }

      &-footer {
        padding: @modal-footer-padding-small;
      }

      &-title {
        font-size: @modal-header-title-size-small;
      }

      &-close,
      &-mini {

        &-x {
          width      : @modal-close-size-small;
          height     : @modal-close-size-small;
          font-size  : @font-size-sm;
          line-height: @modal-close-size-small;
        }
      }
    }

    .@{confirm-prefix-cls} {
    
      .@{vcu-prefix}-modal-body {
        padding: @modal-confirm-padding-small;
      }
    
    
      &-body {
        .@{confirm-prefix-cls}-title {
          font-size: @font-size-sm;
        }
    
        .@{confirm-prefix-cls}-content {
          font-size: @font-size-sm;
        }
    
        > .@{iconfont-css-prefix} {
          font-size: 20px;
        }
      }
      
    }
  }


  &-large {
    .@{dialog-prefix-cls} {
      &-body {
        padding  : @modal-body-padding-large;
        font-size: @font-size-lg;
      }

      &-header {
        padding: @modal-header-padding-large;
      }

      &-footer {
        padding: @modal-footer-padding-large;
      }

      &-title {
        font-size: @modal-header-title-size-large;
      }

      &-close,
      &-mini {

        &-x {
          width      : @modal-close-size-large;
          height     : @modal-close-size-large;
          font-size  : @font-size-lg;
          line-height: @modal-close-size-large;
        }
      }
    }

    .@{confirm-prefix-cls} {
    
      .@{vcu-prefix}-modal-body {
        padding: @modal-confirm-padding-large;
      }
    
    
      &-body {
        .@{confirm-prefix-cls}-title {
          font-size: @font-size-lg;
        }
    
        .@{confirm-prefix-cls}-content {
          font-size: @font-size-lg;
        }
    
        > .@{iconfont-css-prefix} {
          font-size: 26px;
        }
      }
      
    }
  }
}